base.html

<!doctype html>

<title>{% block title %}{% endblock %} PM's ATimer</title>

<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">

<nav>

  <img src="{{ url_for('static', filename='images/logo.jpg') }}">
  
  <h1>ATimer</h1>

  <ul>

    <li><a href="{{ url_for('index') }}" style="{% if active_page=='index' %}font-weight:bold;color:red{% endif %}">日视图</a>
    
    <li><a href="{{ url_for('weekly') }}" style="{% if active_page=='weekly' %}font-weight:bold;color:red{% endif %}">周视图</a>

    <li><a href="{{ url_for('monthly') }}" style="{% if active_page=='monthly' %}font-weight:bold;color:red{% endif %}">月视图</a>

    <li><a href="{{ url_for('yearly') }}" style="{% if active_page=='yearly' %}font-weight:bold;color:red{% endif %}">年视图</a>

    <li><span>{{ current_user.username }}</span>

    <li><a href="{{ url_for('logout') }}">Log Out</a>

  </ul>

</nav>

<section class="content">

  {% block content %}{% endblock %}

</section>

<script src="{{ url_for('static', filename='js/script.js') }}"></script>